<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>${(categoryName)!""}，${(summary)!""}</title>
<#import "meta.ftl" as meta>
<@meta.meta page="list" />
</head>

<body>
<#import "header.ftl" as header>
<@header.header page="list" category=categoryCode/>

<!--主体-->
<!-- 一楼开始 -->
<div class="section section2" style="margin-top:30px">
	<!-- 左边内容开始 -->
	<div class="left">
		<div class="border">
		<#if articles??>
			<#list articles as artis>
			<div class="cont-detail <#if !artis_has_next>last</#if>">
				<div class="l"><a target="_blank" href="d${(artis.id)?string("#")}.html"><img alt="${(artis.title)!""}" src="<#if (artis.thumb)?? && (artis.thumb)?length gt 7>${(artis.thumb)!""}<#else>../style/images/default_list.jpg</#if>"></a></div>
				<div class="r">
					<h3>
						<a target="_blank" href="d${(artis.id)?string("#")}.html">${(artis.title)!""}</a>
					</h3>
					<p>&emsp;&emsp;
					<#if ((artis.summary)!"")?length lt 100>
						${(artis.summary)!""}
					<#else> 
					     ${(artis.summary)?substring(0, 99)}...
					</#if></p>
				</div>
			</div>
		    </#list>
		</#if>
		</div>
		
		<!-- 分页开始 -->
		<#import "pager.ftl" as page>
		<#if count??>
			<@page.pager pageNo=pageNo pageSize=pageSize count=count url="list_"+categoryCode gotoPage=true />
		</#if>
		<!-- 分页结束 -->
	</div>
	<!-- 左边内容结束  -->

	<!-- 右边内容开始  -->
	<div class="right border">
		<div class="r-title">
			<h2><img src="../style/images/icon_tuijian.png">&nbsp;本版推荐</h2>
		</div>
		<div class="community-activity">
			<ul>
				<li>
			    <#if catHotArtis??>
					<#list catHotArtis as artis>
					<#if artis_index lt 5>
					<div style="padding:0 0 10px 0;">
						<span class="list-cathot">
						<a href="../${(artis.categoryCode)!""}/d${(artis.id)?string("#")}.html" target="_blank" >
							<img src="<#if (artis.thumb)?? && (artis.thumb)?length gt 7>${(artis.thumb)!""}<#else>../style/images/default_list.jpg</#if>"  alt="${(artis.title)!""}">
						</a>
						</span>
						<p style="text-align:center;width:145px;overflow: hidden;" title="${(artis.title)!""}">
							<a href="../${(artis.categoryCode)!""}/d${(artis.id)?string("#")}.html" target="_blank" >
							${(artis.title)!""}
							</a>
						</p>
					</div>
					</#if>
			    	</#list>
			    </#if>
				</li>
				<li class="last">
					<#if catHotArtis??>
					<#list catHotArtis as artis>
					<#if artis_index gt 4>
					<div style="padding:0 0 10px 0;">
						<span class="list-cathot">
						<a href="../${(artis.categoryCode)!""}/d${(artis.id)?string("#")}.html" target="_blank" >
							<img src="<#if (artis.thumb)?? && (artis.thumb)?length gt 7>${(artis.thumb)!""}<#else>../style/images/default_list.jpg</#if>"  alt="${(artis.title)!""}">
						</a>
						</span>
						
						<p style="text-align:center;width:145px;overflow: hidden;" title="${(artis.title)!""}">
							<a href="../${(artis.categoryCode)!""}/d${(artis.id)?string("#")}.html" target="_blank" >
							${(artis.title)!""}
							</a>
						</p>
					</div>
					</#if>
			    	</#list>
			    </#if>
				</li>
			</ul>
		</div>

		<div class="r-title">
			<h2><img src="../style/images/icon_zuixin.png">&nbsp;最新文章</h2>
		</div>
		<#if allHotArtisImg??>
			<#list allHotArtisImg as artis>
			<div class="qmei">
				<a href="../${(artis.categoryCode)!""}/d${(artis.id)?string("#")}.html" target="_blank" alt="${(artis.title)!""}" class="bok">
					<img src="${(artis.mainImg)!""}">
					<p>${(artis.title)!""}</p>
				</a>
			</div>
			</#list>
		</#if>
		
		<div class="top-list">
			<ul>
				<#if allHopArtis??>
					<#list allHopArtis as artis>
					<li><a href="../${(artis.categoryCode)!""}/d${(artis.id)?string("#")}.html" target="_blank" >${(artis.title)!""}</a></li>
			    	</#list>
			    </#if>
			</ul>
		</div>
	</div>
	<!-- 右边内容结束  -->
</div>
<!-- 一楼结束 -->
<!-- 内容结束 -->
<#import "footer.ftl" as footer>
<@footer.footer page="list" />

</body>
</html>